
<!DOCTYPE html> 
<html> 

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
	<title>Multi-page template</title> 
	<link rel="stylesheet" href="css/themes/default/jquery.mobile-1.1.0.min.css" />
	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
	<script src="js/jquery.js"></script>
	<script src="js/jquery.mobile-1.1.0.min.js"></script>
	<script src="../../docs/_assets/js/jqm-docs.js"></script>
</head> 

	
<body> 

<!-- Start of first page: #one -->
<div data-role="page" id="foo">

	<div data-role="header">
		<p align="center">
			<select name="select-choice-1" id="select-choice-custom" data-native-menu="false" style=" background:inherit">
					<option value="standard">Standard: 7 day</option>
					<option value="rush">Rush: 3 days</option>
					<option value="express">Express: next day</option>
					<option value="overnight">Overnight</option>
			</select>
		</p>
	</div><!-- /header -->
	
	<div data-role="content" id="one">	
		<ul data-role="listview" data-inset="true" >
			<li data-icon="ui-icon-plus">
					<a href="index.html">
						<h3>Broken Bells</h3>
						<p>Broken Bells</p>
						<a  data-icon="ui-icon-plus" onclick=""window.location.href='phonelist.html'"">
							add the num to phonebook							
						</a>
					</a>
			</li>
			<li>
					<a href="index.html">
						<h3>Broken Bells</h3>
						<p>Broken Bells</p>
						<a href="lists-split-purchase.html" data-icon="ui-icon-plus">	
							add the num to phonebook						
						</a>
					</a>			
			</li>
	  </ul>
  </div><!-- /content -->
	
	<div data-role="footer" data-theme="d">
		<h4>Page Footer</h4>
	</div><!-- /footer -->
</div><!-- /page one -->


<!--title pop dialog -->
<!--header start-->
<div data-role="header">

</div><!-- header-->

<!-- content start-->
<div data-role="content">

</div><!-- content-->

<!-- footer start-->
<div data-role="footer">

</div><!-- footer-->
</body>
</html>
